<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-市场信息管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
    <style>
        .label_name{width: 120px;}
    </style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>商户查询</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-input v-model="SHName" placeholder="商户姓名"></i-input>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="BrandJson" placeholder="代理品牌" @on-change="changeBrandList" filterable>
                      <i-option v-for="item in BrandJsonList" :value="item.value"  >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="BrandListJson" placeholder="品牌系列"  filterable>
                      <i-option v-for="item in BrandListJsonList" :value="item.value"  >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <date-picker type="month" v-model="YangBirth" placeholder="阳历生日" style="width: 150px"></date-picker>
              </i-col>
              <i-button type="primary" class="mr10" @click="querytable('1','99999999')">搜索</i-button><i-button @click="goAddPage">新增</i-button>
              <span style="font-size: 16px;margin-left: 20px;font-weight: bold">商户合计：<span style="color: #c00">{{shTotal}}</span></span>
          </row>
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
           <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>
          <!--是否删除弹框开始-->
          <modal v-model="IsOrNotDelete"  @on-ok="delSHInfo(params)" @on-cancel="cancel" width='300' >
              <p style="font-size: 16px;font-weight: bold;text-align: center">是否删除</p>
          </modal>
          <!--是否删除弹框结束-->
           <!-- 添加展位弹框开始 -->
           <modal v-model="SHZWAlert" title="添加商户展位" @on-ok="saveZWInfo" @on-cancel="cancel" width='700' >
               <row>
                   <i-col span="24" class="mtop">
                       <div class="label_name">展位编号:</div>
                       <div label="展位编号：" class="input_con"><i-input v-model="zwItem.StandNo"></i-input></div>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">展位名称:</div>
                       <div label="展位名称：" class="input_con"><i-input v-model="zwItem.StandName"></i-input></div>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">楼层:</div>
                       <div label="楼层：" class="input_con"><i-input v-model="zwItem.Floor"></i-input></div>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">产品品类:</div>
                       <div label="产品品类：" class="input_con"><i-input v-model="zwItem.Type"></i-input></div>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">展位面积(平方米): </div>
                       <div label="展位面积(平方米)：" class="input_con"><i-input v-model="zwItem.StandArea"></i-input></div>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">入场日期: </div>
                       <Date-picker type="date" placeholder="请选择日期" v-model="zwItem.RuTime"  format="yyyy-MM-dd" style="width: 300px"></Date-picker>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">撤场日期: </div>
                       <Date-picker type="date" placeholder="请选择日期" v-model="zwItem.EndTime"  format="yyyy-MM-dd" style="width: 300px"></Date-picker>
                   </i-col>
               </row>
               <row>
                   <i-col span="24"  class="mtop">
                       <div class="label_name">撤场原因: </div>
                       <div label="撤场原因：" class="input_con"><i-input v-model="zwItem.EndReason"></i-input></div>
                   </i-col>
               </row>
           </modal>
           <!-- 添加展位弹框结束 -->
           <!-- 上传资料弹框开始 -->
           <modal v-model="fileAlert" title="上传资料" @on-ok="cancel" @on-cancel="cancel" width='700'>
               <div class="upload_con">
                   <div class="uploadnav">上传授权书:</div>
                   <Upload
                           multiple
                           ref="upload"
                           :data="{'ID':SHID}"
                           :before-upload="handleUpload"
                           :on-exceeded-size="handleMaxSize"
                           :show-upload-list="false"
                           :on-success="uploadSuccess"
                           :format="format"
                           :max-size="2048"
                           action="./goSHGL/uploadBook" class="liulan">
                       <i-button type="ghost" icon="ios-cloud-upload-outline">浏览</i-button>
                   </Upload>
                   <ul class="ivu-upload-list" v-for="(item, index) in file" style="overflow: hidden">
                       <li class="ivu-upload-list-file ivu-upload-list-file-finish picname mt5" style="float: left" >
                           <span><i class="ivu-icon ivu-icon-image"></i> {{ item.name }}</span>
                           <!--<i class="ivu-icon ivu-icon-ios-close-empty ivu-upload-list-remove"  @click="delectFile(item.name)"></i>-->
                       </li>
                       <li class="picbtn" style="float: left;list-style: none"><i-button size="small" type="primary" @click="delectFile(item.name)"  >删除</i-button></li>
                       <li class="picbtn" style="float: left;list-style: none"><i-button size="small" type="primary" @click="upload"  >上传</i-button></li>
                   </ul>
                   <div class="piccon"><img :src="src"></div>
               </div>
               <div class="upload_con">
               <div class="uploadnav">上传执照:</div>
                   <Upload
                           multiple
                           ref="upload1"
                           :data="{'ID':SHID}"
                           :before-upload="handleUpload1"
                           :on-exceeded-size="handleMaxSize"
                           :show-upload-list="false"
                           :on-success="uploadSuccess1"
                           :format="format"
                           :max-size="2048"
                           action="./goSHGL/uploadLicense" class="liulan">
                       <i-button type="ghost" icon="ios-cloud-upload-outline">浏览</i-button>
                   </Upload>
                   <ul class="ivu-upload-list"  v-for="(item, index) in file1" style="overflow: hidden">
                       <li class="ivu-upload-list-file ivu-upload-list-file-finish picname mt5" style="float: left">
                           <span><i class="ivu-icon ivu-icon-image"></i> {{ item.name }}</span>
                           <!--<i class="ivu-icon ivu-icon-ios-close-empty ivu-upload-list-remove"  rel="external nofollow" @click="delectFile1(item.name)"></i>-->
                       </li>
                       <li class="picbtn" style="float: left;list-style: none"><i-button size="small" type="primary" @click="delectFile1(item.name)"  >删除</i-button></li>
                       <li class="picbtn" style="float: left"><i-button size="small" type="primary" @click="upload1"  >上传</i-button></li>
                   </ul>
                   <div class="piccon"><img :src="src1"></div>
               </div>
               <div class="upload_con">
                 <div class="uploadnav">上传身份证:</div>
                   <Upload
                           multiple
                           ref="upload2"
                           :data="{'ID':SHID}"
                           :before-upload="handleUpload2"
                           :on-exceeded-size="handleMaxSize"
                           :show-upload-list="false"
                           :on-success="uploadSuccess2"
                           :format="format"
                           :max-size="2048"
                           action="./goSHGL/uploadCard" class="liulan">
                       <i-button type="ghost" icon="ios-cloud-upload-outline">浏览</i-button>
                   </Upload>
                   <ul class="ivu-upload-list"  v-for="(item, index) in file2" style="overflow: hidden">
                       <li class="ivu-upload-list-file ivu-upload-list-file-finish picname mt5" style="float: left">
                           <span><i class="ivu-icon ivu-icon-image"></i> {{ item.name }}</span>
                           <!--<i class="ivu-icon ivu-icon-ios-close-empty ivu-upload-list-remove"  rel="external nofollow" @click="delectFile2(item.name)"></i>-->
                       </li>
                       <li class="picbtn" style="float: left;list-style: none"><i-button size="small" type="primary" @click="delectFile2(item.name)"  >删除</i-button></li>
                       <li class="picbtn" style="float: left"><i-button size="small" type="primary" @click="upload2"  >上传</i-button></li>
                   </ul>
                   <div class="piccon"><img :src="src2"></div>
               </div>


           </modal>
           <!-- 上传资料弹框结束 --> 
      </div>
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/sh/sh_search.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
